<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>广告管理</title>
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <link rel="stylesheet" href="../src/css/font-awesome.min.css">
    <link rel="stylesheet" href="../src/css/style.min.css">
    <script src="../src/js/jquery-3.3.1.min.js"></script>
    <script src="../src/js/bootstrap.min.js"></script>
</head>
<body>
            <section class="content-container">

                <div class="content-wrapper">
                    <div class="bread-crumb">
                        <h5 class="b-inner clearfix">
                            <b class="tit">广告管理</b>
                            <span class="float-right">
                                <a href="ad_edit.html" class="btn btn-primary">
                                    <i class="fa fa-plus"></i> 添加广告
                                </a>
                            </span>
                        </h5>

                    </div>
                    <form class="form-inline">

                        <div class="form-group mr-2">
                            <label>广告类型：</label>
                            <select class="form-control">
                                <option>全部</option>
                            </select>
                        </div>
                        <div class="form-group mr-2">
                            <label>状态：</label>
                            <select class="form-control">
                                <option>全部</option>
                            </select>
                        </div>
                        <div class="form-group mr-2">
                            <label>开始时间：</label>
                            <input type="text" class="form-control">
                        </div>
                        <div class="form-group mr-2">
                            <label>结束时间：</label>
                            <input type="text" class="form-control">
                        </div>
                        <button type="submit" class="btn btn-info mr-2"><i class="fa fa-search"></i> 搜索</button>

                    </form>
                    <br>
                    <table class="table table-hover">
                        <thead>
                            <tr class="table-info-bg">
                                <th>

                                </th>
                                <th>
                                    <div class="cell">图片</div>
                                </th>
                                <th>
                                    <div class="cell">名称</div>
                                </th>
                                <th>
                                    <div class="cell">链接</div>
                                </th>
                                <th>
                                    <div class="cell">广告类型</div>
                                </th>
                                <th>
                                    <div class="cell">状态</div>
                                </th>
                                <th>
                                    <div class="cell">开始时间</div>
                                </th>
                                <th>
                                    <div class="cell">结束时间</div>
                                </th>

                                <th>
                                    <div class="cell">操作</div>
                                </th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <img src="http://www.appui.org/wp-content/uploads/myfile/images/banner/banner01.jpg" width="200">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">banner</div>
                                </td>
                                <td>
                                    <div class="cell">http://www.baidu.com</div>
                                </td>
                                <td>
                                    <div class="cell">首页banner</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <span class="text-success"><i class="fa fa-check"></i></span>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">2018-08-22 16:25:16</div>
                                </td>
                                <td>
                                    <div class="cell">2018-09-22 16:25:16</div>
                                </td>

                                <td>
                                    <div class="cell">
                                        <a href="" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <a href="" class="btn btn-outline-danger btn-sm">删除</a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <img src="http://www.appui.org/wp-content/uploads/myfile/images/banner/banner02.jpg" width="200">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">banner2</div>
                                </td>
                                <td>
                                    <div class="cell">http://www.baidu.com</div>
                                </td>
                                <td>
                                    <div class="cell">首页banner</div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <span class="text-danger"><i class="fa fa-close"></i></span>
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">2018-08-22 16:25:16</div>
                                </td>
                                <td>
                                    <div class="cell">2018-09-22 16:25:16</div>
                                </td>

                                <td>
                                    <div class="cell">
                                        <a href="" class="btn btn-outline-primary btn-sm">编辑</a>
                                        <a href="" class="btn btn-outline-danger btn-sm">删除</a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr class="table-info-bg">
                                <th>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </th>
                                <th colspan="8">
                                    <div class="cell">
                                        <div class="form-inline">
                                            <label for="exampleFormControlSelect1" class="mr-3">全选</label>
                                            <select class="form-control" id="exampleFormControlSelect1">
                                                <option>批量操作</option>
                                                <option>删除</option>
                                            </select>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                    <nav aria-label="...">
                        <ul class="pagination">
                            <li class="page-item disabled">
                                <a class="page-link" href="#" tabindex="-1">Previous</a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">1</a></li>
                            <li class="page-item active">
                                <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">6</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#">Next</a>
                            </li>
                        </ul>
                    </nav>
                </div>

            </section>
        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade j-open-insert-form" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">录入物流信息</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="mx-auto" style="width: 90%;">
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">订单ID：</label>
                            <div class="col-sm-9">
                                <input type="text" readonly class="form-control-plaintext" value="154512121">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">订单总价：</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" value="158.00元" readonly>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">物流公司：</label>
                            <div class="col-sm-9">
                                <select class="form-control">
                                    <option>-请选择-</option>
                                    <option>顺丰快递</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">物流单号：</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">备注：</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
</body>

</html>